<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/axios/dist/axios.js"></script>
</head>
<body>
    <button>get</button>
    <button>post</button>
</body>
<script>
    const btns = document.querySelectorAll("button");
    btns[0].onclick = async function(){
        // 1
        // axios("http://zhangpeiyue.com/scoreList",{
        //     params:{
        //         sex:"男"
        //     }
        // }).then(value=>{
        //     console.log(value.data);
        // })

        // 2
        axios.get("http://zhangpeiyue.com/scoreList",{
            params:{
                sex:"女"
            },
            headers:{
                lala:"xixi"
            }
        }).then(value=>{
            console.log(value.data);
        })

        // 3
        // axios({
        //     url:"http://zhangpeiyue.com/scoreList",
        //     params:{
        //         sex:"女"
        //     }
        // }).then(({data})=>{
        //     console.log(data)
        // })

        // 4
        // const {data} = await axios({
        //     url:"http://zhangpeiyue.com/scoreList",
        //     params:{
        //         sex:"女"
        //     }
        // });
        // console.log(data);

        // 5
        // axios.request("http://zhangpeiyue.com/scoreList").then(value=>{
        //     console.log(value.data);
        // })


    }
    btns[1].onclick = function(){
        // 1- application/json
        // axios({
        //     method:"post",
        //     url:"http://zhangpeiyue.com/scoreList",
        //     data:{
        //         userName:"one",
        //         age:100
        //     }
        // }).then(value=>{
        //     console.log(value.data);
        // })

        // 2- application/x-www-form-urlencoded
        // axios({
        //     method:"post",
        //     url:"http://zhangpeiyue.com/scoreList",
        //     data:"userName=two&age=10000",
        //     headers:{
        //         a:10,
        //         b:20
        //     }
        // }).then(value=>{
        //     console.log(value.data);
        // })

        // 3
        axios.post("/scoreList",{
            userName:"three",
            age:999
        },{
            headers:{
                a:1,
                b:2,
                c:3
            },
            baseURL:"http://zhangpeiyue.com",
            // timeout:1
            params:{
                a:1,
                b:2
            }
        }).then(value=>{
            console.log(value.data);
        })
    }
</script>
</html>